﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- FlexPaperViewer flash version debug template -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <title>FlexPaper</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css" media="screen">
        html, body { height: 100%; }
        body { margin: 0; padding: 0; overflow: auto; }
        #flashContent { display: none; }
    </style>
    <script type="text/javascript" src="../js/flexpaper_flash_debug.js"></script>
    <script type="text/javascript" src="../js/jquery.js"></script>
</head>
<body>
    <div style="position: absolute; left: 10px; top: 10px;">
        <a id="viewerPlaceHolder" style="width: 660px; height: 920px; display: block"></a>
        <script type="text/javascript">
            var fp = new FlexPaperViewer('../FlexPaperViewer', 'viewerPlaceHolder', {
                config: {
                    SwfFile: '../Paper.swf', /*文件*/
                    Scale: 1, /*比例*/
                    ZoomTransition: 'easeOut', /*缩放过渡*/
                    ZoomTime: 0.5, /*缩放时间*/
                    ZoomInterval: 1, /*缩放级别*/
                    FitPageOnLoad: false, /*适合页面*/
                    FitWidthOnLoad: true, /*适合宽度*/
                    PrintEnabled: true, /*打印启用*/
                    FullScreenAsMaxWindow: false, /*最大窗口全屏幕*/
                    ProgressiveLoading: false, /*进载入*/
                    MinZoomSize: 0.1, /*最小缩放大小*/
                    MaxZoomSize: 5, /*最大缩放大小*/
                    SearchMatchAll: true, /*搜索匹配全部*/
                    InitViewMode: 'Portrait', /*初始浏览模式*/
                    ViewModeToolsVisible: true, /*查看模式工具可见*/
                    ZoomToolsVisible: true, /*缩放工具显示*/
                    NavToolsVisible: true, /*导航工具可见*/
                    CursorToolsVisible: true, /*可见游标工具*/
                    SearchToolsVisible: true, /*搜索工具显示*/
                    localeChain: 'zh_CN'/*语言环境*/
                }
            });
	        </script>
    </div>
    <div style="position: absolute; left: 680px; top: 10px; font-family: Verdana; font-size: 9pt;
        background-color: #CACACA;">
        <div style="font-size: 15px; font-weight: bold; text-align: center; margin-top: 10px;
            margin-bottom: 10px;">
            FlexPaper Interactive API</div>
        <div style="padding: 5px 5px 5px 5px; background-color: #EFEFEF">
            <table border="0" width="360">
                <tr>
                    <th colspan="3">
                        Operations
                    </th>
                </tr>
                <tr>
                    <td>
                        loadSwf
                    </td>
                    <td>
                        <input type="text" style="width: 150px;" id="txt_swffile" value="../Paper.swf">
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="getDocViewer().loadSwf($('#txt_swffile').val())">
                    </td>
                </tr>
                <tr>
                    <td>
                        fitWidth
                    </td>
                    <td>
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="getDocViewer().fitWidth()">
                    </td>
                </tr>
                <tr>
                    <td>
                        fitHeight
                    </td>
                    <td>
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="getDocViewer().fitHeight()">
                    </td>
                </tr>
                <tr>
                    <td>
                        gotoPage
                    </td>
                    <td>
                        <input type="text" style="width: 150px;" id="txt_pagenum" value="3">
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="getDocViewer().gotoPage($('#txt_pagenum').val())">
                    </td>
                </tr>
                <tr>
                    <td>
                        getCurrPage
                    </td>
                    <td>
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="alert('Current page:' + getDocViewer().getCurrPage())">
                    </td>
                </tr>
                <tr>
                    <td>
                        getTotalPages
                    </td>
                    <td>
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="alert('Total pages:' + getDocViewer().getTotalPages())">
                    </td>
                </tr>
                <tr>
                    <td>
                        nextPage
                    </td>
                    <td>
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="getDocViewer().nextPage()">
                    </td>
                </tr>
                <tr>
                    <td>
                        prevPage
                    </td>
                    <td>
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="getDocViewer().prevPage()">
                    </td>
                </tr>
                <tr>
                    <td>
                        setZoom
                    </td>
                    <td>
                        <input type="text" style="width: 150px;" id="txt_zoomfactor" value="1.30">
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="getDocViewer().setZoom($('#txt_zoomfactor').val())">
                    </td>
                </tr>
                <tr>
                    <td>
                        searchText
                    </td>
                    <td>
                        <input type="text" style="width: 150px;" id="txt_searchtext" value="text">
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="getDocViewer().searchText($('#txt_searchtext').val())">
                    </td>
                </tr>
                <tr>
                    <td>
                        switchMode
                    </td>
                    <td>
                        <input type="text" style="width: 150px;" id="txt_viewmode" value="Tile">
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="getDocViewer().switchMode($('#txt_viewmode').val())">
                    </td>
                </tr>
                <tr>
                    <td>
                        printPaper
                    </td>
                    <td>
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="getDocViewer().printPaper()">
                    </td>
                </tr>
                <tr>
                    <td>
                        highlight
                    </td>
                    <td>
                        <input type="text" style="width: 150px;" id="txt_highlighturl" value="highlight.xml">
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="getDocViewer().highlight($('#txt_highlighturl').val())">
                    </td>
                </tr>
                <tr>
                    <td>
                        postSnapshot
                    </td>
                    <td>
                        <input type="text" style="width: 150px;" id="txt_postsnapshot" value="">
                    </td>
                    <td>
                        <input type="submit" value="Invoke" onclick="getDocViewer().postSnapshot($('#txt_postsnapshot').val())">
                    </td>
                </tr>
            </table>
            <br />
            <br />
            <table border="0" width="230">
                <tr>
                    <th>
                        Event Log
                    </th>
                </tr>
                <tr>
                    <td>
                        <textarea rows="6" cols="28" id="txt_eventlog" style="width: 350px; font-size: 9px;"
                            wrap="off"></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="text" style="width: 350px;" id="txt_progress" value="">
                    </td>
                </tr>
            </table>
        </div>
    </div>
</body>
</html>
